﻿var color = [["#6fb9e8", "#ec8526", "#9dc453", "#ddd74c"], ["#c9e054", "#eab19d", "#e05461", "#b454e0"], ["#b4b280", "#dd9473", "#7fdd73", "#7396dd"], ["#707ABD", "#833607", "#94A34C", "#FFCF2E"], ["#8ED915", "#0F5BBD", "#00AA58", "#E74B16"]];
var defaultColorScheme = color[0];
$(document).ready(function() {
    init();
    $('#menu-tabs ul').delegate('li:not(.active)', 'click', function() {
        $(this).parent().find(".active").removeClass('active').parents("#wrapper").find("#content-holder").children('.pane').hide().eq($(this).index()).show();
        $(this).addClass('active');		
		$("#wrapper").find('.Concontent').hide().eq($(this).index()).show();
        scrollbarInit();
        return false
    });	
	
    $('#vis-setter').delegate('li:not(.active) a', 'click', function() {
        $(this).parents("ul").find(".active").removeClass('active');
        $(this).parent().addClass('active');
        visualize($(this).attr("rel"), defaultColorScheme);
        return false
    });
    $('ul.tabs:not(#vis-setter)').delegate('li:not(.active) a', 'click', function() {
        $(this).parents("ul").find(".active").removeClass('active');
        var a = $(this).parent();
        $(this).parent().addClass('active');
        $(this).parents(".content").children(".bcont").hide().eq(a.index()).show();
        return false
    });
    $('.message').live("click", function() {
        $(this).animate({
            opacity: 0
        }, 250, function() {
            $(this).slideUp(250, function() {
                $(this).remove()
            })
        });
        return false
    });
    $("table td a.action").live("click", function() {
        var a = $(this).position();
        $(this).addClass("active").next().css({
            top: a.top + 24, left: a.left
        }).show().find("li:last a").css("border-bottom", 0);
        return false
    });
    $("table th a.action").live("click", function() {
        return false
    });
    $("body").click(function(b) {
        $.each($("a.action.undefined"), function() {
            $(this).removeClass("active").next().hide()
        });
        if ($(b.target).is("div.select") || $(b.target).parent().is("div.select")) {
            $("div.select").not($(b.target)).each(function(a) {
                if ($(this).data("active")) $(this).data("active", false).next().children("ul").hide()
            })
        } else {
            $("div.select").each(function(a) {
                if ($(this).data("active")) $(this).data("active", false).next().children("ul").hide()
            })
        }
    });
    $("table.infotable tbody tr:odd").css({
        backgroundColor: "#fbfbfb"
    });
    $('input:checkbox.checkall').click(function() {
        $(this).parents('.infotable').find('input:checkbox').attr('checked', $(this).is(':checked')).parents("tr").each(function() {
            if ($(this).find('input:checkbox').is(':checked')) $(this).addClass("selected");
            else $(this).removeClass("selected")
        })
    });
    $("table.infotable input:checkbox").change(function() {
        if ($(this).is(':checked')) $(this).parents("tr").addClass("selected");
        else $(this).parents("tr").removeClass("selected")
    });
    $("#scrollbar").draggable({
        containment: 'parent', cursor: 'cursor', axis: 'x', drag: function(a, b) {
            var c = parseFloat($(this).css("left").replace("px", "")) / ($(this).parent().width() - $(this).outerWidth()) * 100;
            var d = (($("#content-holder").outerWidth() - $("#content-scroll").outerWidth()) / 100) * parseInt(c);
            $("#content-holder").css("left", "-" + d + "px")
        }
    });
    $("#content-scroll").bind('mousewheel', function(a, b) {
        if (b > 0) scrollmenu("left");
        else scrollmenu("right");
        return false
    });
    $("#scrollleft, #scrollright").click(function() {
        if ($(this).attr("id") == "scrollright") scrollmenu("right");
        else scrollmenu("left");
        return false
    });
    $(".menu-items li > a").bind("mouseover", function(e) {
        var a = $(this).next(".tooltip").html();
        $("#bubble").remove();
        if (a) $("body").append('<div id="bubble" class="bubble"><div class="bubble-t1"><div class="bubble-t2"><div class="bubble-t3"></div></div></div><div class="bubble-1"><div class="bubble-2"><div class="bubble-3">' + a + '</div></div></div><div class="bubble-b1"><div class="bubble-b2"><div class="bubble-b3"></div></div></div></div>');
        if ($.browser.msie) var b = $("#bubble").outerWidth(true);
        if ($.browser.opera) $(this).removeAttr('href');
        else var b = $("#bubble").width();
        $("#bubble").width(b);
        $("#bubble").css({
            left: e.pageX - 27, top: e.pageY - $("#bubble").outerHeight() - 3
        }).show()
    }).bind("mousemove", function(e) {
        $("#bubble").css({
            left: e.pageX - 27, top: e.pageY - $("#bubble").outerHeight() - 3
        })
    }).bind("mouseout", function() {
        if ($.browser.opera) $(this).attr('href', '#');
        if (!$.browser.msie) $("#bubble").stop().animate({
            opacity: 0, top: "-=15px"
        }, "fast", function() {
            $(this).remove()
        });
        else $("#bubble").stop().animate({
            top: "-=15px"
        }, "fast", function() {
            $(this).remove()
        })
    });
    $("select.select").each(function(a) {
        var b = $("select.select:eq(" + a + ")");
        if (!$(this).hasClass("nohide")) b.hide();
        $(this).after('<div class="select"><span>' + $("option:selected", this).text() + '</span></div>');
        var c = $(this).next();
        c.after('<div class="select-box"><ul></ul></div>');
        var d = $(this).nextAll(".select-box").children("ul");
        d.css({
            width: c.outerWidth() + 10 + "px", overflow: "auto"
        });
        $("option", this).each(function() {
            if ($(this).parent().is("optgroup")) {
                if ($(this).index($(this).parent().children("option")) == 0) d.append($("<li/>", {
                    'class': "group", text: $(this).parent().attr("label")
                }));
                d.append($("<li/>", {
                    'class': "ingroup", text: $(this).text(), rel: $(this).val()
                }))
            } else d.append($("<li/>", {
                text: $(this).text(), rel: $(this).val()
            }))
        });
        d.find("li[rel=" + $("option:selected", this).val() + "]").addClass("selected")
    }).change(function() {
        $(this).next().find("span").text($("option:selected", this).text());
        var a = $(this).nextUntil(".select-box").next().children("ul");
        a.find("li:not(.group)").removeClass("selected");
        a.find("li[rel=" + $("option:selected", this).val() + "]").addClass("selected")
    });
    $(".select-box ul li:not(.group)").live("mouseover", function() {
        $(this).addClass("auto-focus")
    }).live("mouseout", function() {
        $(this).removeClass("auto-focus")
    }).live("click", function() {
        $(this).siblings().removeClass("selected");
        $(this).addClass("selected");
        var a = $(this).parents(".select-box").prev();
        var b = a.prev();
        b.find("option").removeAttr('selected');
        a.find("span").text($(this).text());
        b.find("option[value=" + $(this).attr("rel") + "]").attr('selected', 'yes')
    });
    $("div.select").data("active", false).click(function() {
        if ($(this).data("active")) $(this).data("active", false).next().children("ul").hide();
        else $(this).data("active", true).next().children("ul").width($(this).outerWidth(true)).show()
    });
    $("div.select, select.select").each(function() {
        var a = $(this).parent().width();
        if (a < $(this).outerWidth()) {
            if ($.browser.msie) {
                if ($(this).is("div")) $(this).width(a - parseFloat($(this).css("marginLeft"))).css("position", "relative")
            } if ($(this).is("div")) $(this).width(a - parseFloat($(this).css("marginLeft")));
            else  $(this).width(a)
        }
    })
});
function init() {
    if ($.browser.msie) $("body").addClass("ie");
    scrollbarInit();
    visualize("area", defaultColorScheme);
    if ($.browser.msie && $.browser.version == 7) {
        $("input.inputtext, textarea").bind("focusin", function() {
            $(this).addClass("focus")
        }).bind("focusout", function() {
            $(this).removeClass("focus")
        })
    } $(".content").each(function() {
        if ($(this).children(".bcont").size() > 1) $(this).children(".bcont:gt(0)").hide()
    });
    $("a").each(function() {
        $(this).attr("hideFocus", "true").css("outline", "none");		
    });
   
   
    $('textarea.wysiwyg').wysiwyg({
		  plugins: {
					autoload: true,
					i18n: { lang: "zh-cn" },
					rmFormat: { rmMsWordMarkup: true }
			},	
		  controls: {
			html: {visible: true},
			colorpicker: {
				groupIndex: 11,
				visible: true,
				css: {
					"color": function (cssValue, Wysiwyg) {
						var document = Wysiwyg.innerDocument(),
							defaultTextareaColor = $(document.body).css("color");

						if (cssValue !== defaultTextareaColor) {
							return true;
						}

						return false;
					}
				},
				exec: function() {
					if ($.wysiwyg.controls.colorpicker) {
						$.wysiwyg.controls.colorpicker.init(this);
					}
				},
				tooltip: "颜色提取"
			},
			fullscreen: {
				groupIndex: 12,
				visible: true,
				exec: function () {
					if ($.wysiwyg.fullscreen) {
						$.wysiwyg.fullscreen.init(this);
					}
				},
				tooltip: "全屏"
			},  
			
			bold          : { visible : true },
			italic        : { visible : true },
			underline     : { visible : true },
			strikeThrough : { visible : true },
			
			justifyLeft   : { visible : true },
			justifyCenter : { visible : true },
			justifyRight  : { visible : true },
			justifyFull   : { visible : true },

			indent  : { visible : true },
			outdent : { visible : true },

			subscript   : { visible : true },
			superscript : { visible : true },
			
			undo : { visible : true },
			redo : { visible : true },
			
			insertOrderedList    : { visible : true },
			insertUnorderedList  : { visible : true },
			insertHorizontalRule : { visible : true },

			h4: {
				visible: true
			},
			h5: {
				visible: true,
				className: 'h5',
				command: ($.browser.msie || $.browser.safari) ? 'formatBlock' : 'heading',
				arguments: ($.browser.msie || $.browser.safari) ? '<h5>' : 'h5',
				tags: ['h5'],
				tooltip: '标题 5'
			},
			h6: {
				visible: true,
				className: 'h6',
				command: ($.browser.msie || $.browser.safari) ? 'formatBlock' : 'heading',
				arguments: ($.browser.msie || $.browser.safari) ? '<h6>' : 'h6',
				tags: ['h6'],
				tooltip: '标题 6'
			},
			
			cut   : { visible : true },
			copy  : { visible : true },
			paste : { visible : true },
			html  : { visible: true },
			increaseFontSize : { visible : true },
			decreaseFontSize : { visible : true }
		  },
		  initialContent:function() {					
					return "";
				}
		})
	
} function scrollmenu(a) {
    var b = ($("#scrollbar").parent().width() - $("#scrollbar").outerWidth());
    var c = parseFloat($("#content-holder").css("left").replace("px", ""));
    var d = $("#content-holder").outerWidth() - $("#content-scroll").outerWidth();
    var e = d / 100;
    if ($("#content-holder").css("left") == "auto") c = 0;
    if (a == "right") {
        var f = c - e * 10;
        if ((d + f) >= 0) {
            $("#content-holder").css("left", f + "px");
            $("#scrollbar").css("left", parseInt(Math.abs(f * (b / d))) + "px")
        } else {
            $("#content-holder").css("left", "-" + d + "px");
            $("#scrollbar").css("left", b + "px")
        }
    } else {
        var f = c + e * 10;
        if (c < 0 && (c + f) <= 0) {
            $("#content-holder").css("left", f + "px");
            $("#scrollbar").css("left", parseInt(Math.abs(f * (b / d))) + "px")
        } else $("#content-holder, #scrollbar").css("left", "0px")
    }
} function scrollbarInit() {
    var a = 0;
    if ($(".pane:visible:has(.menu-items)").length > 0) {
        $(".pane:visible .menu-items li").each(function() {
            a += $(this).outerWidth(true)
        });
        a = a + parseFloat($(".pane:visible .menu-items").css("marginLeft").replace("px", "")) + parseFloat($(".pane:visible .menu-items").css("marginRight").replace("px", ""));
        $("#content-holder").width(a)
    } else $("#content-holder").width("100%");
    var b = ($("#content-scroll").outerWidth() / $("#content-holder").outerWidth()) * 100;
    /*$(".scrollbar .sb-3 .ui-slider-handle").css("width", b + "%").width(function() {
        return $(this).width() - parseFloat($(this).css("paddingRight").replace("px", "")) + "px"
    });*/
	$(".scrollbar .sb-3 .ui-slider-handle").css("width", b + "%");
    if (b >= 100) $(".scrollbar").hide();
    else $(".scrollbar").show()
} 
function visualize(a, b) {
    if (!b) var b = defaultColorScheme;
    if ($('div.visualize').length > 0) $('.visualize').remove();
    $('table.graph').each(function() {
        if ($(this).attr('rel')) a = $(this).attr('rel');
        $(this).hide().visualize({
            type: a, width: $('#visualize').width() - 22 + "px", height: "200px", lineWeight: 2, colors: b
        }).appendTo('#visualize').trigger('visualizeRefresh')
    })
}